@charset "utf-8";
*{ margin:0; padding:0; list-style:none;}
body{ font-size:14px; text-align:left;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}


/* 本案例代码begin */
.left_nav{ width:220px; height:auto;padding:5px;position: fixed;left:0; bottom:0; z-index:777; background:#fff; border:1px solid #EAEAEA; box-shadow:0 0 4px rgba(0,0,0,.14);}
.left_nav dl dt{ width:220px; height:45px; line-height:45px;  color:#fff; margin-bottom:4px;background:url(../images/zc_tit.jpg); }
.left_nav dl dt a{ color:#FFFFFF;}
.left_nav dl dd{ width:128px; height:40px; position:relative;}
.left_nav dl dd .nav_right{ width:200px; height:auto; overflow:hidden; position:absolute; left:218px; top:0px; padding:0px 5px 10px 5px;background:#fff; display:none; border:1px solid #ccc;}
.left_nav dl dd .nav_right a{ width:150px;height:20px; line-height:20px; text-align:left; color:#666;padding-left:40px; background:url(../images/sy/nav_right_bg.png) no-repeat 20px center; display:block; float:left; margin-top:10px; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd .nav_right a:hover{ width:180px;height:20px; line-height:20px; text-align:left; color:#fff;padding-left:40px; background:url(../images/nav_right_bg2.png) no-repeat 20px center #2865b8; text-decoration:none;}
.left_nav dl dd a.nav_left{width:220px; height:39px; line-height:39px; background:url(../images/dt_bg.jpg) no-repeat;  display:block; border-bottom:1px solid #fff;color:#2865b8; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd a.nav_left:hover{background:url(../images/dt_bgon.jpg) no-repeat;  color:#fff; text-decoration:none;}